﻿@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
}
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>Demo</title>
	<!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
	<link href="//unpkg.com/layui@2.9.21-rc/dist/css/layui.css"
		  rel="stylesheet" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
</head>
<body class="layui-padding-3">
	<table class="layui-hide" id="ID-table-demo-templet"></table>
	<br />
	<span>生产计划-产品明细</span>
	<table class="layui-hide" id="ID-table-demo-temp"></table>
	<script type="text/html" id="toolbarDemo"> 
		<span>生产计划</span>
		<div  class="layui-btn-container" style="text-align:right;">
			<div class="layui-input-inline layui-input-wrap">
				<input type="text" id="DocumentNumber" autocomplete="off" lay-reqtext="单据编号" lay-affix="clear" class="layui-input demo-phone">@* lay-verify="required" *@
			</div>
			<button type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="search" id="searchBtn">
				<i class="layui-icon layui-icon-search"></i> 查询
			</button>
			<button type="button" class="layui-btn layui-btn-primary layui-border-green" id="searchBtn" lay-on="test-alert-btn">+ 新建</button>
						<button type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="

				edit" id="
		edit">
				<i class="layui-icon layui-icon-edit"></i> 编辑
			</button>
				<button type="button"   class="layui-btn layui-bg-warm" onclick="location.href='/Worksheets/WorksheetPrint'" style="background-color: orange; color: black;">
		  <i class="fa-solid fa-reply"></i> 打印
		</button>
		<button type="button"    class="layui-btn layui-bg-warm" id="export" style="background-color: orange; color: black;">
		  模版Excel导出
		</button>
		<button type="button"   class="layui-btn layui-bg-red" id="delete">
		  <i class="fa-solid fa-trash"></i> 删除
		</button>
			<button type="button" class="layui-btn layui-btn-primary layui-border-green" id="searchBtn">导出</button>
		</div>
	</script>

	<div id="demo-laypage-all"></div>



	<!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
	<script src="//unpkg.com/layui@2.9.21-rc/dist/layui.js"></script>
	@* 	<script src="/wwwroot/lib/layui/layui.js"></script> *@
	<script>

		layui.use(['table'], function () {
			var form = layui.form
			var laypage = layui.laypage;
			var $ = layui.$;
			var layer = layui.layer;
			var util = layui.util;
			var table = layui.table;

			var Pindex = 1;
			var Psize = 5;
			var table = layui.table;
			$(function () {
				getList();
			})
			var Pindex = 1;
			var Psize = 5;
			var DocumentNumber = $("#DocumentNumber").val() || "";
			var DocumentNumbers = "SCJH202208231533500001"
			//列表显示
			function getList() {
				$.ajax({
					url: `@ViewBag.Keep` + `/api/Department/ProductionPlanList?DocumentNumber=` + DocumentNumber,
					dataType: "json",
					success: function (res) {
						console.log(res)
						table.render({
							elem: '#ID-table-demo-templet', // 表格元素的ID
							data: res.data, // 数据列表
							height: 200, // 设置表格高度为300px
							page: {
								count: res.count, // 数据总数
								curr: res.page, // 当前页码
								limit: res.limit, // 每页显示的条数
								limits: [5, 10, 15], // 每页条数的选择项
								layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'], // 功能布局
								groups: 5, //显示5个连续页码
								jump: function (obj, first) {
									if (!first) {
										Pindex = obj.curr;
										Psize = obj.limit;
										getList();
									}
								}
							},
							toolbar: '#toolbarDemo',
							defaultToolbar: [
								'filter',
								'exports',
								'print',
								{
									// 右上角工具图标
									title: '提示',
									layEvent: 'LAYTABLE_TIPS',
									icon: 'layui-icon-tips',
									onClick: function (obj) {
										// 2.9.12+
										layer.alert('自定义工具栏图标按钮');
									},
								},
							],
							height: 'full-35', // 最大高度减去其他容器已占有的高度差
							cols: [
								[
									{ type: 'checkbox', fixed: 'left' },
									{ field: 'productionPlanId', width: 180, title: 'ID', },
									{
										field: 'documentNumber', width: 180, title: '工单编号', templet: function (d) {
											// 直接设置字体颜色为蓝色
											return '<a href="" style="color:blue; target="_blank">' + d.documentNumber + '</a>';
										}, sort: true
									},
									{ field: 'remarks', width: 180, title: '备注', },
									{ field: 'createDate', width: 180, title: '创建时间', },
									{ field: 'createName', width: 180, title: '创建人', },
									{ field: 'updateName', width: 180, title: '修改人', },
									{ field: 'updateDate', width: 180, title: '修改时间', },
								]
							]
						});
					}
				})
			}

			// 行单击事件( 双击事件为: rowDouble )
			table.on('row(ID-table-demo-templet)', function (obj) {
				var data = obj.data; // 获取当前行数据
				DocumentNumbers = data.documentNumber
				console.log(DocumentNumbers)
				PlanProductDetailsList();
				// 标注当前点击行的选中状态
				obj.setRowChecked({
					type: 'radio' // radio 单选模式；checkbox 复选模式
				});
			});
			PlanProductDetailsList()
			//  生产详情
			//列表显示
			function PlanProductDetailsList() {
				$.ajax({
					url: `@ViewBag.Keep` + `/api/Department/PlanProductDetailsList?DocumentNumber=` + DocumentNumbers,
					dataType: "json",
					success: function (res) {
						console.log(res)
						table.render({
							elem: '#ID-table-demo-temp', // 表格元素的ID
							data: res.data, // 数据列表
							height: 300, // 设置表格高度为300px
							page: {
								count: res.count, // 数据总数
								curr: res.page, // 当前页码
								limit: res.limit, // 每页显示的条数
								limits: [5, 10, 15], // 每页条数的选择项
								layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'], // 功能布局
								groups: 5, // 显示5个连续页码
								jump: function (obj, first) {
									if (!first) {
										Pindex = obj.curr;
										Psize = obj.limit;
										PlanProductDetailsList();
									}
								}
							},
							cols: [
								[
									{ type: 'checkbox', fixed: 'left' },
									{ field: 'planProductDetailsId',  width: 180, title: 'ID', },
									{
										field: 'productNumber',   width: 180, title: '产品编号', templet: function (d) {
											// 直接设置字体颜色为蓝色
											return '<a href="" style="color:blue; target="_blank">' + d.productNumber + '</a>';
										}, sort: true
									},
									{ field: 'productName', width: 180, title: '产品名称', },
									{ field: 'productSpecification', width: 180, title: '产品规格', },
									{ field: 'orderNo', width: 180, title: '工单编号', },
									{ field: 'quantity', width: 180, title: '数量', },
									{ field: 'completedQuantity', width: 180, title: '完成数', },
									{ field: 'createDate', width: 180, title: '创建时间', },
									{ field: 'createName', width: 180, title: '创建人', },
									{ field: 'updateName', width: 180, title: '修改人', },
									{ field: 'updateDate', width: 180, title: '修改时间', }
								]
							]
						});
					}
				})
			}


			//弹框
			layui.use(function () {
				var layer = layui.layer;
				var util = layui.util;
				// 事件
				util.on('lay-on', {
					'test-alert-btn': function () {
						layer.open({
							type: 2,
							area: ['1400px', '700px'],
							shadeClose: true,
							title: '生产计划（新建）',
							content: '/Production/ProductionAdd',

							end: function () { // 弹出层关闭后执行的回调
								localStorage.removeItem("ProductData");
							},
						});
					}
			    
			});
				 

		});

		

	
	});
	 
	</script>
</body>
</html>